<template>
  <div class="balanceRecord">
    <h4>账户提现记录</h4>
    <div class="balanceRecord-con">
      <ul>
        <li class="balanceRecord-item">
          <p>交易订单号: 2018720133334</p>
          <span>提现时间: 2018年7月20日13:23:51</span>
          <span>预计到账时间: 2018年7月21日13:24:02</span>
          <span>提现金额: 50元</span>
          <span>状态: 处理中</span>
        </li>
        <li class="balanceRecord-item">
          <p>交易订单号: 2018720133334</p>
          <span>提现时间: 2018年7月20日13:23:51</span>
          <span>预计到账时间: 2018年7月21日13:24:02</span>
          <span>提现金额: 50元</span>
          <span>状态: 处理中</span>
        </li>
        <li class="balanceRecord-item">
          <p>交易订单号: 2018720133334</p>
          <span>提现时间: 2018年7月20日13:23:51</span>
          <span>到账时间: 2018年7月21日13:24:02</span>
          <span class="three">提现金额: 50元</span>
          <span>状态: 已到账</span>
        </li>
        <li class="balanceRecord-item">
          <p>交易订单号: 2018720133334</p>
          <span>提现时间: 2018年7月20日13:23:51</span>
          <span>到账时间: 2018年7月21日13:24:02</span>
          <span class="three">提现金额: 50元</span>
          <span>状态: 已到账</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'BalanceRecord'
}
</script>

<style lang="stylus" scoped>
  @import "../../assets/css/base.styl"
  .balanceRecord
    width: $width
    margin: 0 auto
    padding-left: 170px
    box-sizing border-box
    background-color: #fff
    min-height 800px
    h4
      font-weight 400
      font-size 16px
      padding 20px 0
      text-align: center
      color: #666
    .balanceRecord-con
      font-size 14px
      .balanceRecord-item
        color: #666
        height: 60px
        border-bottom: 1px solid #ccc;
        box-sizing border-box
        span
          margin: 0 17px
          display inline-block
        p
          text-align left
          margin 10px 0 8px 20px
        .three
          text-indent 2em
</style>
